import React from "react";
import axios from "axios";
import { Table } from "antd";
axios.defaults.timeout= 6000;
class Hzwz extends React.Component {
  constructor() {
    super();
    this.state = {
      a: [],
      b: [],
      c: [],
      d: [],
      e: [],
      f: [],
      g: [],
      h: [],
      i: [],
      j: [],
    };
  }
  
  
  /* 
  a= 陈爱英= 43.153.65.89
  b= 冯建英=  43.153.79.98
  c = 章冬红= 43.135.172.133
  d  = 朱=43.152.217.89
  e=  郭煜尚7= 43.158.210.229
  f= 李瑶瑶2= 43.158.194.253
  g=  潘秀丽1= 43.134.231.239
  h=    彭香兰8=  43.135.155.149
  i= 叶凤华3=43.156.231.195
  j= 沈信义5=119.28.250.113
  k=刘爱绿4=119.28.250.113
  */
  componentDidMount() {
   // 账号1的高度a 孟买
 axios
      .get("http://129.226.30.26:31401")
      .then((res) => {
        console.log(res.data.core_latest_ledger);
        this.setState({
          a: res.data.core_latest_ledger,
        });
      })
      .catch((err) => {
        this.setState({ a: "0" });
      })
      //账号2高度b 硅谷
    axios
      .get("http://43.153.8.22:31401")
      .then((res) => {
        console.log(res.data.core_latest_ledger);
        this.setState({
          b: res.data.core_latest_ledger,
        });
      })
      .catch((err) => {
        this.setState({ b: "0" });
      });
         //账号3高度c
    axios
      .get("http://43.153.97.38:31401")
      .then((res) => {
        console.log(res.data.core_latest_ledger);
        this.setState({
          c: res.data.core_latest_ledger,
        });
      })
      .catch((err) => {
        this.setState({ c: "0" });
      });
         //账号4高度d
    axios
      .get("http://43.153.100.109:31401")
      .then((res) => {
        console.log(res.data.core_latest_ledger);
        this.setState({
          d: res.data.core_latest_ledger,
        });
      })
      .catch((err) => {
        this.setState({ d: "0" });
      });
    //      //账号5高度e
    // axios
    //   .get("http://43.158.210.229:31401")
    //   .then((res) => {
    //     console.log(res.data.core_latest_ledger);
    //     this.setState({
    //       e: res.data.core_latest_ledger,
    //     });
    //   })
    //   .catch((err) => {
    //     this.setState({ e: "0" });
    //   });
    //      //账号6高度f
    // axios
    //   .get("http://43.158.194.253:31401")
    //   .then((res) => {
    //     console.log(res.data.core_latest_ledger);
    //     this.setState({
    //       f: res.data.core_latest_ledger,
    //     });
    //   })
    //   .catch((err) => {
    //     this.setState({ f: "0" });
    //   });
    //      //账号7高度g
    // axios
    //   .get("http://43.134.231.239:31401")
    //   .then((res) => {
    //     console.log(res.data.core_latest_ledger);
    //     this.setState({
    //       g: res.data.core_latest_ledger,
    //     });
    //   })
    //   .catch((err) => {
    //     this.setState({ g: "0" });
    //   });
    //      //账号8高度h
    // axios
    //   .get("http://43.135.155.149:31401")
    //   .then((res) => {
    //     console.log(res.data.core_latest_ledger);
    //     this.setState({
    //       h: res.data.core_latest_ledger,
    //     });
    //   })
    //   .catch((err) => {
    //     this.setState({ h: "0" });
    //   });
    //      //账号9高度i
    // axios
    //   .get("http://43.156.231.195:31401")
    //   .then((res) => {
    //     console.log(res.data.core_latest_ledger);
    //     this.setState({
    //       i: res.data.core_latest_ledger,
    //     });
    //   })
    //   .catch((err) => {
    //     this.setState({ i: "0" });
    //   });
    //      //账号10高度j
    // axios
    //   .get("http://119.28.250.113:31401")
    //   .then((res) => {
    //     console.log(res.data.core_latest_ledger);
    //     this.setState({
    //       j: res.data.core_latest_ledger,
    //     });
    //   })
    //   .catch((err) => {
    //     this.setState({ j: "0" });
    //   });
    //     //账号10高度k
    // axios
    // .get("http://119.28.250.113:31401")
    // .then((res) => {
    //   console.log(res.data.core_latest_ledger);
    //   this.setState({
    //     k: res.data.core_latest_ledger,
    //   });
    // })
    // .catch((err) => {
    //   this.setState({ k: "0" });
    // });
  }
  render() {
    const columns = [
      {
        title: "业主名字",
        dataIndex: "name",
        key: "name",
      },
      {
        title: "区块高度",
        dataIndex: "address",
        key: "address",
      },
      {
        title: "区块延迟数值",
        dataIndex: "differ",
        key: "differ",
      },
      {
        title: "todesk",
        dataIndex: "todesk",
        key: "todesk",
      },
      {
        title: "云服务器ip地址",
        dataIndex: "ip",
        key: "ip",
      },
      {
        title: "云服务器地区",
        dataIndex: "des",
        key: "des",
      },
    ];
    const dataSource = [
      {
        key: "1",
        name: " 陈爱英",
        address: this.state.a,
        differ: this.state.a - this.state.a,
        todesk:'438 717 548',
        
        ip: (
          <a href="http://129.226.30.26:31401" target="_blank">
            129.226.30.26
          </a>
        ),
        des: "云服务器美国",
      },
      {
        key: "2",
        name: "冯建英",
        address: this.state.b,
        differ: this.state.a - this.state.b,
        todesk:'347 458 166',
        ip: (
          <a href="http://443.153.8.22:31401" target="_blank">
          43.153.8.22
          </a>
        ),
        des: "云服务器美国",
      },
      {
        key: "3",
        name: "章冬红",
        address: this.state.d,
        differ: this.state.a - this.state.d,
        todesk:'612 136 511',
        ip: (
          <a href="http://43.153.97.38:31401" target="_blank">
            43.153.97.38
          </a>
        ),
        des: "云服务器美国",
      },
      {
        key: "4",
        name: "朱",
        address: this.state.c,
        differ: this.state.a - this.state.c,
        todesk:'656 771 013',
        ip: (
          <a href="http://43.153.100.109:31401" target="_blank">
          43.153.100.109
          </a>
        ),
        des: <font color='red'>云服务器孟买</font>,
      },]
    return (
      <div>
            
        <center><font size="18" color="red">
        杭州吴总4台节点区块情况</font>
          {/* 陈爱英： <input type="text" value={this.state.a}></input>区块延迟数值<input type="text"   value={this.state.a-this.state.a}></input>
          <br></br>
          冯建英： <input type="text" value={this.state.b}></input>区块延迟数值<input type="text" value={this.state.a-this.state.b}></input>
          <br></br>
          章冬红： <input type="text" value={this.state.c}></input>区块延迟数值<input type="text" value={this.state.a-this.state.c}></input>
          <br></br>
          朱： <input type="text" value={this.state.d}></input>区块延迟数值<input type="text" value={this.state.a-this.state.d}></input>
          <br></br> */}
          {/* 郭煜尚7： <input type="text" value={this.state.e}></input>区块延迟数值<input type="text" value={this.state.a-this.state.e}></input>
          <br></br>
      
          李瑶瑶2： <input type="text" value={this.state.f}></input>区块延迟数值<input type="text" value={this.state.a-this.state.f}></input>
          <br></br>
          潘秀丽1： <input type="text" value={this.state.g}></input>区块延迟数值<input type="text" value={this.state.a-this.state.g}></input>
          <br></br>
          彭香兰8： <input type="text" value={this.state.h}></input>区块延迟数值<input type="text" value={this.state.a-this.state.h}></input>
          <br></br>
          叶凤华3： <input type="text" value={this.state.i}></input>区块延迟数值<input type="text" value={this.state.a-this.state.i}></input>
          <br></br>
          刘爱绿4： <input type="text" value={this.state.k}></input>区块延迟数值<input type="text" value={this.state.a-this.state.k}></input>
          <br></br>
          沈信义5： <input type="text" value={this.state.j}></input>区块延迟数值<input type="text" value={this.state.a-this.state.j}></input> */}
         
        </center>
        <Table dataSource={dataSource} columns={columns} />;
      </div>
    );
  }
}

export default Hzwz;
